<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>{{ title }}</title>
    <link
      rel="preload"
      href="https://opencollective.com/static/images/user.svg"
      as="image"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/prism.css" />
    <link rel="icon" href="favicon.ico" />

    <!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]-->
  </head>

  <body>
    <header id="_header">
      <h1>
        <a href="/">
          <img
            id="mocha-logo"
            src="/images/mocha-logo.svg"
            alt="Mocha logo"
          />
        </a>
      </h1>
      <p id="tag"><em>simple</em>, <em>flexible</em>, <em>fun</em></p>
    </header>

    <main id="content">{{ content }}</main>
	
	<aside class="sponsorship">
		<a href="https://matomo.org/" rel="external noopener" target="_blank">
			<img 
				id="matomoLogo"
				src="images/matomo-logo.png?trim"
				alt="Matomo logo"
			/>
		</a>
	</aside>

    <footer>
      <div>
        <a rel="home" href="https://mochajs.org/">mochajs.org</a>
        is licensed under a
        <a
          rel="license external noopener"
          href="https://creativecommons.org/licenses/by/4.0/">
          Creative Commons Attribution 4.0 International License</a
        >.
        <dl class="dl-inline last-modified">
          <dt>Last updated</dt>
          <dd>
            <time
              itemprop="lastModified"
              datetime="{{ 'now' | date: '%Y-%m-%dT%H:%M:%SZ' }}">
              {{ 'now' | date: '%a %b %d %H:%M:%S %Y' }}
            </time>
          </dd>
        </dl>
      </div>
    </footer>
  </body>
</html>
